import React from 'react';
import ReactDom from 'react-dom';
import {Navigation} from "skk-kks"
import "skk-kks/dist/s-ui.css"

const array = [
    {
        title: "标题1",
        url: "标题1",
        children: [
            {
                title: "标题1-1",
                // url: "标题1-1",
                children: [
                    {
                        title: "标题1-1-1-ll-ll-lll-llll",
                        url: "标题1-1-1",
                    },
                    {
                        title: "标题1-1-2",
                        url: "标题1-1-2",
                    },
                    {
                        title: "标题1-1-3",
                        url: "标题1-1-3",
                    }
                ]
            },
            {
                title: "标题1-2",
                url: "标题1-2",
                children: [
                    {
                        title: "标题1-2-1",
                        url: "标题1-2-1",
                    },
                    {
                        title: "标题1-2-2",
                        url: "标题1-2-2",
                    },
                    {
                        title: "标题1-2-3",
                        url: "标题1-2-3",
                    }
                ]
            },
            {
                title: "标题1-3",
                url: "标题1-3",
            }
        ]
    },
    {
        title: "标题2",
        url: "标题2",
        children: [
            {
                title: "标题2-1",
                url: "标题2-2",
            }
        ]
    }
]

console.log(222222222222222222222)
const App = ({name}) => (
    <span>hello {name}
        <Navigation
            list={array}
            style={{height: 60}}
            onNavClick={switchIframeAppPage}
        />
        <Navigation />
    </span>
)

ReactDom.render(<App name={'react'}/>, document.getElementById("react-root"))
